<template>
  <div class="relative h-[36px] flex flex-row mb-[8.5px] z-10">
    <div class="flex-shrink-0 w-[26px]"></div>
    <div
      class="flex-1 w-0 text-center font-family-YouSheBiaoTiHei text-[28px] leading-[37px] text-[#F0F9FF]"
    >
      {{ title }}
    </div>
    <div
      class="flex-shrink-0 w-[26px] text-white flex flex-col justify-center items-center cursor-pointer"
    >
      <CustomPopover></CustomPopover>
    </div>
  </div>
</template>

<script setup lang="ts">
defineProps<{
  title: string
}>()
</script>

<style scoped></style>
